import Vue from 'vue';
import App from './App.vue';
// 导入路由
import router from '@/router/index.js';
//三级联动组件----注册为全局组件
import TypeNav from '@/components/TypeNav/index.vue';
// 引入仓库  
import store from '@/store/index.js';
//引入 mockServe.js 里面数据
import '@/mock/mockServe.js';
// 引入 swiper 样式
// import "swiper/css/swiper.min.css";
import "swiper/css/swiper.css";
// 引入 Carrousel 样式
import Carousel from '@/components/Carousel/index.vue'
// 引入 iconfont 图标样式
// import './assets/icon/font_3509636_bm54e6brks/iconfont.css'
import '@/assets/icon/font_3509636_bm54e6brks/iconfont.css'
//引入分页器 psginstion 样式
import Pagination from '@/components/Pagination/index.vue'
//引入Element注册组件
import { Button, MessageBox } from 'element-ui';

//统一接口api文件夹里面全部请求函数
import * as API from '@/api'

//第一个参数：全局组件名字    第二个参数：哪一个组件
Vue.component(TypeNav.name, TypeNav);
Vue.component(Carousel.name, Carousel);
Vue.component(Pagination.name, Pagination);

//Element注册组件的时候，还有一种写法，挂在原型上
Vue.component(Button.name,Button);
Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$alert = MessageBox.alert;

Vue.config.productionTip = false


new Vue({
  render: h => h(App),
  //全局事件总线 $bus 配置
  beforeCreate(){
    Vue.prototype.$bus = this;
    Vue.prototype.$API = API;
  },
  //注册路由：底下的写法KV一致省略V【router 小写】
  router,
  store
}).$mount('#app')
